page{
  background: rgba(248,249,250,0.88);
  border-top: 1px solid rgba(238, 238, 238, .88);
  .wrapper{
    padding-bottom: 24px;
    .bannerWrapper{
      background: #ffffff;
      padding: 24px 32px 0;
      box-sizing: border-box;
      height: 300px;
      .banner{
        width: 100%;
        height: 100%;
        border-radius: 10px;
      }
    }
    .headWrap{
      background: #ffffff;
      padding: 40px 0 20px;
      .tabs{
        display: flex;
        align-content:center;
        justify-content:space-around;
        font-size:28px;
        font-weight: bold;
        .tab{
          padding: 12px 0 16px 0;
          margin-bottom: 13px;
          font-size: 32px;
          position: relative;
          &.active{
            border-bottom: 4px solid #22ADF7;
            color: #22ADF7;
          }
          .hint{
            position: absolute;
            top: 0;
            right: -39px;
            width: 20px;
            height: 20px;
            background: red;
            border-radius: 50%;
          }
        }

      }
    }
    .waitWrap{
      .order{
        padding:28px 32px 32px 32px;
        background: #ffffff;
        margin-top: 24px;
        &:first-of-type{
          margin-top: 0;
        }
        .nameWrapper{
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          align-items: center;
          .name{
            color: #181819;
            font-size: 32px;
          }
          .status{
            color: #22ADF7;
            font-size: 30px;
            white-space: nowrap;
          }
        }
        .decRe{
          color: #999999;
          font-size: 24px;
          margin-top: 20px;
        }
        .planEs{
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 20px;
          font-size: 24px;
          .TriangleImg{
            width: 24px;
            height: 24px;
            margin-right: 12px;
          }
          .planName{
            color: #181819;
          }
          .esName{
            color: #181819;
            .esTime{
              color: #FF722A;
            }
          }
        }
        .Merchant{
          color: #181819;
          font-size: 24px;
          margin: 20px 0 24px 0;
        }
        .item{
          color: #181819;
          font-size: 24px;
          margin-top: 20px;
          label{
            checkbox {
              zoom: 80%;
            }
          }
          .theme{
            color: rgb(21, 173, 255);
          }
        }
        .btnWrapper{
          display: flex;
          flex-direction: row;
          margin-top: 20px;
          .cancel{
            margin: 0 40px 0 0;
          }
          .confirm{
            flex: 1;
            background-color: #22ADF7;
            color: #fff;
          }
          .disabled{
            background: #cccccc;
            &::after{
              border: none;
            }
          }
        }
      }
    }
  }
}
